/* 国际化样式优化 - 解决中英文切换时的布局问题 */

/* 表单标签宽度优化 */
.el-form-item__label {
  min-width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 搜索表单标签宽度 */
.el-form--inline .el-form-item__label {
  min-width: 90px;
}

/* 按钮文字优化 */
.el-button {
  white-space: nowrap;
  min-width: 60px;
}

/* 表格列宽度优化 */
.el-table .cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 表格操作列宽度 */
.el-table .fixed-width {
  min-width: 160px;
}

/* 下拉菜单文字优化 */
.el-dropdown-menu__item {
  white-space: nowrap;
  min-width: 100px;
}

/* 对话框标题优化 */
.el-dialog__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 选择器占位符优化 */
.el-select .el-input__inner {
  min-width: 120px;
}

/* 输入框占位符优化 */
.el-input .el-input__inner {
  min-width: 120px;
}

/* 日期选择器优化 */
.el-date-editor {
  min-width: 240px;
}

/* 表格列标题优化 */
.el-table th > .cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 分页器优化 */
.el-pagination {
  white-space: nowrap;
}

/* 标签页优化 */
.el-tabs__item {
  white-space: nowrap;
  min-width: 80px;
}

/* 面包屑优化 */
.el-breadcrumb__item {
  white-space: nowrap;
}

/* 卡片标题优化 */
.el-card__header {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 树形控件优化 */
.el-tree-node__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 上传组件优化 */
.el-upload__text {
  white-space: nowrap;
}

/* 消息提示优化 */
.el-message {
  white-space: nowrap;
}

/* 确认框优化 */
.el-message-box__message {
  white-space: nowrap;
}

/* 工具提示优化 */
.el-tooltip__popper {
  white-space: nowrap;
}

/* 表格操作按钮优化 */
.el-table .el-button--text {
  min-width: 50px;
  padding: 0 8px;
  font-size: 12px;
}

/* 表格列宽度自适应 */
.el-table .el-table__column {
  min-width: 100px;
}

/* 表格状态列宽度 */
.el-table .status-column {
  min-width: 80px;
  width: 80px;
}

/* 表格时间列宽度 */
.el-table .time-column {
  min-width: 160px;
  width: 160px;
}

/* 表格操作列宽度 */
.el-table .action-column {
  min-width: 160px;
  width: 160px;
}

/* 表单行间距优化 */
.el-form .el-row {
  margin-bottom: 10px;
}

/* 表单标签对齐优化 */
.el-form-item__label {
  text-align: right;
  vertical-align: middle;
  float: left;
  font-size: 14px;
  color: #606266;
  line-height: 40px;
  padding: 0 12px 0 0;
  box-sizing: border-box;
}

/* 按钮组优化 */
.el-button-group .el-button {
  min-width: 50px;
}

/* 搜索区域优化 */
.filter-container {
  .filter-item {
    margin-right: 10px;
    margin-bottom: 10px;
  }
}

/* 工具栏优化 */
.toolbar-container {
  .el-button {
    margin-right: 5px;
  }
}

/* 响应式优化 */
@media (max-width: 768px) {
  .el-form-item__label {
    min-width: 70px;
  }
  
  .el-form--inline .el-form-item__label {
    min-width: 80px;
  }
  
  .el-button {
    min-width: 50px;
    font-size: 12px;
  }
  
  .el-table .fixed-width {
    min-width: 120px;
  }
  
  .el-table .el-button--text {
    min-width: 40px;
    font-size: 11px;
  }
}

/* 特定页面优化 */
/* 用户管理页面 */
.user-management {
  .el-form-item__label {
    min-width: 85px;
  }
  
  .el-table .el-button--text {
    min-width: 50px;
  }
  
  .el-table .status-column {
    min-width: 80px;
  }
  
  .el-table .time-column {
    min-width: 160px;
  }
}

/* 角色管理页面 */
.role-management {
  .el-form-item__label {
    min-width: 85px;
  }
  
  .el-table .action-column {
    min-width: 180px;
  }
}

/* 部门管理页面 */
.dept-management {
  .el-form-item__label {
    min-width: 85px;
  }
}

/* 岗位管理页面 */
.post-management {
  .el-form-item__label {
    min-width: 85px;
  }
}

/* 字典管理页面 */
.dict-management {
  .el-form-item__label {
    min-width: 85px;
  }
}

/* 参数配置页面 */
.config-management {
  .el-form-item__label {
    min-width: 85px;
  }
}

/* 通知公告页面 */
.notice-management {
  .el-form-item__label {
    min-width: 85px;
  }
  
  .el-table .title-column {
    min-width: 200px;
  }
}

/* 菜单管理页面 */
.menu-management {
  .el-form-item__label {
    min-width: 85px;
  }
  
  .el-table .name-column {
    min-width: 160px;
  }
  
  .el-table .permission-column {
    min-width: 150px;
  }
}

/* 全局表格样式优化 */
.el-table {
  .el-table__header-wrapper {
    th {
      background-color: #fafafa;
      color: #606266;
      font-weight: 500;
      font-size: 14px;
    }
  }
  
  .el-table__body-wrapper {
    td {
      padding: 8px 0;
    }
  }
}

/* 全局按钮样式优化 */
.el-button {
  &--primary {
    &:hover {
      background-color: #66b1ff;
      border-color: #66b1ff;
    }
  }
  
  &--success {
    &:hover {
      background-color: #85ce61;
      border-color: #85ce61;
    }
  }
  
  &--warning {
    &:hover {
      background-color: #ebb563;
      border-color: #ebb563;
    }
  }
  
  &--danger {
    &:hover {
      background-color: #f78989;
      border-color: #f78989;
    }
  }
}

/* 全局表单样式优化 */
.el-form {
  .el-form-item {
    margin-bottom: 18px;
    
    &.is-required {
      .el-form-item__label:before {
        content: '*';
        color: #f56c6c;
        margin-right: 4px;
      }
    }
  }
}

/* 全局对话框样式优化 */
.el-dialog {
  .el-dialog__header {
    padding: 20px;
    border-bottom: 1px solid #e4e7ed;
  }
  
  .el-dialog__body {
    padding: 20px;
  }
  
  .el-dialog__footer {
    padding: 20px;
    border-top: 1px solid #e4e7ed;
    text-align: right;
  }
} 